@charset "UTF-8";
/* CSS Document */
@media screen and (max-width:768px){
    /*头部*/
    body{
        padding-top:2rem;
    }
    .container{
        width:98%;
        padding:0 1%
    }
    .header{
        height: 2rem;
        line-height:2rem;
    }
    .header .logo img{
        max-width:2rem;
        margin-left:0.4rem;
    }
    .header .navbtn{
        position:absolute;
        top:0.4rem;
        right: 0.4rem;
        max-width:1.2rem;
        display: block;
    }
    .header .tel,.header .slider{
        display: none;
    }
    .header .nav li.current::before{
        background:none;
    }
    .header .nav{
        width: 100%;
        float: none;
        background: #fff;
        overflow: hidden;
        width:4rem;
        margin:0;
        position:absolute;
        top:2rem;
        right:0;
        display:none;
    }
    .header .nav li{
        float: none;
        width:100%;
        line-height:1rem;
    }

    /*banner*/
    .index_banner{
        display:none;
    }
    /* banner css -------------------------------------- */
    .focus{ width:100%; margin:0 auto; position:relative; overflow:hidden;display:block;   }
    .focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
    .focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7);
        -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
    }
    .focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
    .focus .bd li a img{width:100%}
    .focus .hd ul .on{ background:#f52e38;  }

    .focus .bd{ position:relative; z-index:0; }
    .focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  }

    /*新闻资讯*/
    .index_common .title img{
        max-width:6rem;
    }
    .index_common .title h2{
        font-size:0.5rem;
    }
    .information .video,.information .video video{
        width:100%;
        height: 6rem;
        float: none;
    }
    .information .information-grids {
        margin-top: 0.4rem;
        overflow: hidden;
    }
    .information .news .text{
        float: none;
        width:100%;
        height:auto;
        margin-left:0;
        margin-top:0.2rem;
    }
    .information .news {
        width: 100%;
        height: auto;
        float: none;
    }
    .information .news .text dl{
        margin-bottom:0.2rem;
    }
    .information .news .text dt {
        font-size: 0.4rem;
    }
    .information .news .text dd{
        font-size:0.35rem;
        line-height:0.5rem;
    }
    .information .more {
        width: 4rem;
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.4rem;
        margin: 0.2rem auto 0;
    }
    .index_common {
        margin: 0.6rem 0;
    }
    .enterprise .con {
        font-size: 0.4rem;
        line-height: 0.7rem;
        margin-top: 0.4rem;
    }
    .about{
        margin-top:-1rem;
    }
    .about_us{
        height:auto;
        padding-bottom:1.5rem;
        padding-top:1rem;
    }
    .about_us .about-con .left{
        display:none;
    }
    .about_us .about-con .right {
        font-size: 0.4rem;
        line-height: 0.8rem;
        float: none;
        margin-top: 0.7rem;
        height:auto;
    }
    .about_us .about-con .con .text {
        width: 100%;
        height: auto;
    }
    .about_us .about-con .more{
        bottom: -1rem;
        right: 40%;
        font-size:0.35rem;
    }
    .about_us .about-con .con {
        width: 100%;
        height: auto;
        margin-top: 0;
    }
    .about_us .about-con .right{
        width:98%;
        padding:0 1%
    }
    .about_us .about-con .right::before,.about_us .about-con .right .con::after,.about_us .about-con .right::after,.about_us .about-con .right .con::before,.about_us .about-con .con .text:after {
        display:none;
    }
    #banner {
       display:none;
    }
    .enterprise .container{
        height:auto;
    }
    .brand-grids dl {
        width: 3rem;
        margin-left: 0.2rem;
    }

    .history_banner ul li .info h2{
        font-size:0.35rem;
        margin: 0 0 10px 10px;
    }
    .surface{
        display:none;
    }
    .brand-grids {
        padding-top: 0.8rem;
    }
    .brand-grids dl dt{
        width: 100%;
        height: 3rem;
        line-height: 3rem;
    }
    .brand-grids dl dt img{
        max-height:2rem;
    }
    .brand-grids dl dd h2 {
        font-size: 0.4rem;
    }
    .brand-grids dl dd p {
        font-size: 0.35rem;
    }
    .brand {
        height: auto;
        padding: 0.8rem 0;
        margin:0;
    }

    /*底部*/
    .footer{
        display:none;
    }
    /* footer */
    footer{
        display:block;
    }
    footer .con{
       background:#176955;padding:0.3rem 0 0.3rem 0.1rem
    }
    footer .address{
        display: -webkit-box;display: -moz-box;width: 100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    footer .address .left{
        width: 6rem;
        padding-right: 0.2rem;
        padding-left: 0.5rem;
    }
    footer .address .left h3{font-size: 0.5rem;font-weight: normal;color:#fff;}
    footer .address .left span{font-size: 0.2rem;display: block}
    footer .address .left p{font-size: 0.35rem;margin-top: 0.2rem;color:#fff}
    footer .address .right{width:2.5rem;height:2.5rem;}
    footer .beian p:nth-child(2){
        width:100%;
        text-align:center;
        font-size:0.4rem;
        color:#808080;
        margin-top:0.4rem;
    }
    .bottom_m_nav{
        background-color: #68ceb5;
        overflow: hidden;
    }
    .bottom_m_nav ul li{
        text-align: center;
        border-left: 1px solid #fff;
        float: left;
        width:24%;
        padding: 0.1rem 0;
    }
    .bottom_m_nav ul li span{font-size: 0.35rem;color:#fff;display: block;margin-top:0.1rem;}
    .bottom_m_nav ul li:first-child{border-left: 0;}
    .bottom_m_nav ul li i{
        height:0.8rem;
        line-height:0.8rem;
        display:inline-block;
    }
    .bottom_m_nav ul li img{
        max-width:1rem;
        max-height:0.8rem;
        display:inline-block;
        vertical-align: middle;
    }

    /*关于我们*/
    .banner ul li,.banner{
        min-height:6rem;
    }
    .about .pic img{
        width:100%;
        height:auto;
    }
    .about .txt {
        width: 98%;
        position: static;
        top: 0;
        right: 0;
        font-size: 0.35rem;
        line-height: 0.6rem;
        height: auto;
        padding:0 0.1rem 0;
    }
    .about{
        height:auto;
    }
    .history_banner {
        width: 9.8rem;
        height: 4.5rem;
        margin: 0.4rem auto;
    }
    .history_banner ul li{
        width:10rem;
        height:4.5rem;
    }
    .history_banner ul li .info .introduction {
        width: 97%;
        font-size: 14px;
        padding: 0.2rem 1%;
        height:auto;
    }
    .main .mien dl dt {
        width: 100%;
        height: 6rem;
    }
    .main .mien dl {
        width: 4.8rem;
        height: 4.8rem;
        margin-left: 0;
        margin-bottom: 0.2rem;
    }
    .main .mien {
        left: 0;
    }
    .main .mien dl dd h3 {
        font-size: 0.4rem;
        margin: 0.1rem 0 8px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .main .mien dl:nth-child(even){
        float: right;
    }
    .main .mien dl dt {
        width: 100%;
        height: 4rem;
    }
    .dot {
        margin-top: 0.2rem;
    }
    .dot_box {
        height: 0.4rem;
    }
    .about_enterprise{
        background:none;
    }
    .about_enterprise{
        height:auto;
    }
    .send_con_grids .pic {
        width: 100%;
        height: auto;
    }
    .send_con_grids .txt p {
        font-size: 0.35rem;
        line-height: 0.6rem;
        margin-top: 0.2rem;
        width:100%
    }
    .send_con {
        height: auto;
        margin-top: 0.4rem;
    }

    /*其下品牌*/
    .main .left {
        width: 100%;
    }
    .main .left dl dt {
        width: 100%;
        line-height: 1rem;
        font-size: 0.4rem;
    }
    .main .left dl dd a {
        line-height: 0.8rem;
    }
    .main .left dl dd{
        min-height: auto;
    }
    .main .article img{
        display:block;
        margin:0 auto;
    }
    .main .right{
        width:100%;
        margin-top:0.4rem;
    }
    .main {
        margin-bottom: 0.4rem;
    }
    .main .news dl dd .time b,.main .news dl dd .time span {
        font-size: 0.3rem;
    }

    /*新闻*/
    .main .news dl {
        padding-bottom: 0.3rem;
        margin-bottom: 0.3rem;
    }
    .main .news dl dt {
        width: 3rem;
        height: 2.5rem;
    }
    .main .news dl dd {
        width: 6.5rem;
    }
    .main .news dl dd h3 {
        font-size: 0.35rem;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .main .news dl dd h3 {
        font-size: 0.4rem;
        margin: 0 0 0.1rem 0;
    }
    .main .news dl dd p{font-size:13px;}
    .main .news dl dd .time {
        margin-top: 0rem;
    }

    /*联系我们*/
    #map{
        height:6rem!important;
    }
    #shopList li {
        margin-bottom: 10px;
        width: 3rem;
        height: 1rem;
        background: #eeeeee;
        border-radius: 5px;
        text-align: center;
        line-height: 1rem;
        margin-left: 0.3rem;
        float: left;
        font-size: 0.3rem;
    }
    .honor_grids{height:auto;}
    .resume{height:auto;}
    .contact_bottom{
        padding-left: 0;
    }
    .contact_line1 {
        width: 100%;
    }
    .contact_line {
    margin-left: 0;
    }
    .contact_bottomBox>div,.contact_bottomBox02 dt {
        display: none;
    }
    .contact_bottomBox02 dd{
        margin:0;
    }
    .contact_bottomBox{
        margin-top:0;
    }
    .contact {
        margin-top: -1rem;
        margin-bottom: 0.4rem;
    }
    .contact_conBox{
        width:100%
    }
    .job table tbody tr td:last-child{
        line-height:18px;
    }


}

@media screen and (max-width:768px) and (min-width: 415px){
/*首页*/
.header .nav li{
    line-height:0.6rem;
}
.header .navbtn {
    position: absolute;
    top: 0.6rem;
}
.index_common .title h2{
    font-size:0.4rem;
}
.information .news .text dt {
    font-size: 0.35rem;
}
.information .news .text dd {
    font-size: 0.3rem;
    line-height: 0.4rem;
}
.information .more {
    width: 3rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.35rem;
}
.index_common .title img {
    max-width: 4rem;
}
.about_us .about-con .right {
    font-size: 0.3rem;
    line-height: 0.6rem;
    margin-top: 0.5rem;
}
.enterprise .con {
    font-size: 0.3rem;
    line-height: 0.6rem;
    margin-top: 0.4rem;
}
footer .address .left h3 {
    font-size: 0.4rem;
}
footer .address .left p {
    font-size: 0.3rem;
    margin-top: 0.2rem;
    color: #fff;
}
footer .beian p{
    font-size:0.3rem!important
}
.bottom_m_nav ul li i {
    height: 0.5rem;
    line-height: 0.5rem;
}
.bottom_m_nav ul li span{
    font-size:0.3rem;
}
}